<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<style type="text/css">
.seniorSearch .form-group{
	margin-bottom: 3px !important;
	padding-bottom: 3px !important;
}
</style>
<t:form commandName="scheduleSearch" id="scheduleSearch" action="/admin/groupActivity/schedule/index" ajaxPost="true"  cssClass="form-horizontal seniorSearch" onSuccess="onSuccess">
	<t:panel cssClass="panel-flat border-xs border-primary border-top-xlg custom-panel searchPanel" customBody="true" customHead="true">
		<div class="panel-body">
			<t:formgroup>
				<t:label path="employeeId" cssClass="col-sm-2"/>
				<t:select2 id="employeeId" path="employeeId" colClass="col-sm-2"/>
				<t:label path="termId" cssClass="col-sm-2"/>
				<t:select2 id="termId" path="termId" colClass="col-sm-4"/>
			</t:formgroup>
		</div>
	</t:panel>
</t:form>
<script type="text/javascript">
$(function(){
	$(function(){
		var options={}
		options.links=[];
		options.links.push({id:'semester',selector:'#semester',paramName:'semester',depend:'first'});
		
		$.linker(options);
	})
	
	$("#scheduleSearch #employeeId,#scheduleSearch #termId").on("change",function(){
		formSubmit();
	});
	
	formSubmit();
	
	
});

</script>